<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据绑定-文本(mustache)</title>
</head>
<body>
    <div id="example-1">
        <input type="text" v-model="message"><br>
        <span>双向数据绑定：</span>
        <span>{{message}}</span>
        <!--只处理单次插值，今后的数据变化就不会再引起插值更新了-->
        <br>
        <span>我只绑定一次：</span>
        <span>{{*message}}</span>
    </div>


<script src="../lib/vue.js"></script>
<script>
    /*
    * 数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号）：
    * */
    var data = {message : "hello world!"}

    var exampleVm = new Vue({
        el : "#example-1",
        data : data
    });
</script>
</body>
</html>